<!doctype html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Projeto Matriz</title>

    <!-- CSS -->

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/styles.css">

    <!-- Jquery -->

    <script type="text/javascript" src="jquery/jquery-1.8.1.js" ></script> 
    <script type="text/javascript" src="jquery/index.js"></script>

</head>


<body>

    <!-- Begin Page Content -->

    <img src="img/logo.png" id="logo"/>

    <div id="container">



        <form action="login.php" method="post" id="formLogin">



            <label for="name">Usuário:</label>

            <input type="name" id="usuario" tabindex="1">

            <label for="username">Senha:</label>

            <p><a href="#" tabindex="4">Esqueceu sua senha?</a>

                <input type="password" id="senha" tabindex="2">

            <div id="lower">
                
                <img id ="ajaxLoader" src="img/ajaxLoader.gif"/>
                <img id = "imgErro" src="img/iconeErro.gif"/>
                <div id="status">Usuário e/ou senha inválido(s)!</div>

                <input type="button" value="Login" id="login" tabindex="3">

            </div>

        </form>

    </div>


    <!-- End Page Content -->

</body>

</html>






